<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			#nickname {
				width: 300px;
			}
		</style>
	</head>
	<body>
		<input id="username"><button onclick="checkUsername()">检查</button>
		<input type="button" value="检查" onclick="checkUsername()">
		<br>
		<input id="nickname" placeholder="请输入昵称 3-8个字符可以是汉字或字母或数字">
		<button onclick="checkNickname()">检查</button>
	</body>
	<script>l
		function checkUsername(){
<<<<<<< HEAD
=======
			// 被校验的对象
>>>>>>> bdb8de721984bfa0527839e672355abf7350999e
			let username = document.getElementById("username");
			// if(username.value == ""){
			// 	alert("请输入用户名")
			// }
			
			// trim去首位空格
			// if(username.value.trim() == ""){
			// 	alert("请输入用户名")
			// }
			
			// 使用正则表达式校验
			// ^表示开始$表示结尾
			// let reg = /^hello$/i;// 完全相同，不区分大小写
			// 判断输入的内容是不是hello
			let reg = /^[A-Za-z0-9]{4-10}$/
			if(reg.test(username.value)){
				alert("正确")
			} else {
				alert("用户名是4-10个字符可以是字符和数字的组合")
			}
		}
		function checkNickname(){
			let nickname = document.getElementById("nickname");
			let reg = /^[a-zA-Z0-9\u4e00-\u9fa5]{3,8}$/;
			if(reg.test(nickname.value)){
				alert("正确")
			} else {
				alert(nickname.placeholder)
			}
		}
	</script>
</html>
